import './suima.scss'
import { lazy, Suspense } from 'react'
import { PlugInUnit } from '../PlugInUnit'

const SignUp = lazy(() => import('../SignUp'))

const SuiMa = ({ imageUrl, title }) => {
    return (
        <Suspense fallback={<div>yangpu</div>}>
            <div className="SuiMaLogin">
                <img className="Back" src={imageUrl + 'SignBack.png'} alt="" />
                <img className="Nav" src={imageUrl + 'Nav.png'} alt="" />
                <img className="Btm" src={imageUrl + 'Btm.png'} alt="" />
                <div className="Title">{title}</div>
                <div className="Login">
                    <img src={imageUrl + 'SignImg.png'} alt="" />
                    <div className="sign">
                        <img src={imageUrl + 'Sign.png'} alt="" />
                        <div className="Title"> 平台登录 </div>
                        <SignUp />
                        <PlugInUnit />
                    </div>
                </div>
            </div>
        </Suspense>
    )
}

export default SuiMa
